<!--<script setup>-->
<!--import {ref} from 'vue'-->
<!--import one from "./one.vue"-->
<!--import two from "./two.vue"-->
<!--import three from "./three.vue"-->
<!--import four from "./four.vue"-->
<!--import five from "./five.vue"-->
<!--let time = ref(0);-->

<!--const timeStop = setInterval(() => {-->
<!--  time.value = time.value + 1;-->
<!--  console.log(time.value);-->
<!--  if(time.value === 25){-->
<!--    clearInterval(timeStop)-->
<!--  }-->
<!--},1000)-->
<!--</script>-->

<!--<template>-->
<!--  <view v-if="time < 5 && time >= 0">-->
<!--    <one></one>-->
<!--  </view>-->
<!--  <view v-if="time < 10 && time >= 5">-->
<!--    <two></two>-->
<!--  </view>-->
<!--  <view v-if="time < 15 && time >= 10">-->
<!--    <three></three>-->
<!--  </view>-->
<!--  <view v-if="time < 20 && time >= 15">-->
<!--    <four></four>-->
<!--  </view>-->
<!--  <view v-if="time <= 25 && time >= 20">-->
<!--   <five></five>-->
<!--  </view>-->
<!--</template>-->

<!--<style scoped>-->
<!--#background{-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--}-->
<!--</style>-->